<#import "/lib/composition.ftl" as ui />
<#import "/lib/spring.ftl" as spring />
<#import "/turbo_banner.ftl" as turboBanner />

<@ui.composition "/base.ftl">
  <#assign title in ui>
    Anastasia P. - 3D Models Portfolio
  </#assign>
  
  <#assign content in ui>
    <@turboBanner.show "Portfolio" />    
  
    <div id="wrapper">
      <div class="container">           
        <hr>
          <div class="row">         
            <div class="span12">
              <div class="title-out"></div>
              
              <div class="row">     
                <#list models as model>                  
                  <#if model.visibleInPortfolio>                  
                    <div class="span3" style="margin-bottom: 20px;"> 
                      <div class="picture">
                        <a href="<@spring.url '/item/${model.docId}'/>">
                          <img src="<@spring.url '/attachment/${model.docId}?name=${(model.images[0].previewImage)!}'/>">
                        </a>
                        <div class="item-description">
                          <h4 style="text-align: center;">${model.title}</h4>
                          <hr style="margin-bottom: 0px; margin-top: 0px;" />
                          <h4 style="text-align: center;"><a href="<@spring.url '/item/${model.docId}'/>">Details...</a></h4>
                          <h4 style="text-align: center;"><a href="<@spring.url '/item/${model.docId}'/>#disqus_thread">Comments</a></h4>
                        </div>
                      </div>          
                    </div>
                  </#if>
                </#list>
              </div>
            </div>
          </div>
        
          <div style="height:300px;">&nbsp;</div>        
        </div>
      </div>
  </#assign>
</@ui.composition>
